/* You can add global styles to this file, and also import other style files */

* {
  -webkit-tap-highlight-color: transparent;
  /*-webkit-touch-callout: none;*/
  /*-webkit-user-select: none;*/
  font-style: normal;
  font-size: 100%;
  font-weight: 100;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif !important;
}

html {
  color: #000;
  background: #fff;
}


/* 将IMG标签转换 */

img {
  padding: 0;
  margin: 0;
  border: 0;
}

ul,
ol,
li {
  list-style: none;
}


/* H标签自义定 */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 100;
}


/* 定义标签字体样式 */

*,
input,
button,
select,
textarea {
  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif !important;
}


/* 使标签默认 */

input,
button,
select,
textarea {
  outline: none;
  background: none;
  border: none;
}

textarea {
  overflow-y: visible;
  resize: none;
}

a {
  text-decoration: none;
  color: #333;
}


/* 媒体查询 */

@media screen and (max-width:320px) {
  body,
  html {
    font-size: 62.5%!important;
  }
}

@media screen and (min-width:320px) {
  body,
  html {
    font-size: 62.5%!important;
  }
}

@media screen and (min-width:360px) {
  body,
  html {
    font-size: 70.3%!important;
  }
}

@media screen and (min-width:400px) {
  body,
  html {
    font-size: 78.1%!important;
  }
}

@media screen and (min-width:440px) {
  body,
  html {
    font-size: 85.8%!important;
  }
}

@media screen and (min-width:460px) {
  body,
  html {
    font-size: 89.9%!important;
  }
}

@media screen and (min-width:480px) {
  body,
  html {
    font-size: 93.8%!important;
  }
}

@media screen and (min-width:540px) {
  body,
  html {
    font-size: 105.5%!important;
  }
}

@media screen and (min-width:560px) {
  body,
  html {
    font-size: 109.4%!important;
  }
}

@media screen and (min-width:640px) {
  body,
  html {
    font-size: 125%!important;
  }
}


/* 圆角样式 */

.Radius01 {
  border-radius: 0.1em;
}


/* 按扭样式 */

.Button {
  line-height: 2em;
  background-color: #ff5003;
  color: #fff;
  border-radius: 0.4em;
  margin: 0 0.4em;
}

.Button {
  font-size: 1.4em;
}

.boxShadow {
  box-shadow: 0px 0px 10px #333;
}

.fn-left {
  float: left;
}

.fn-right {
  float: right;
}

.fn-clear:after {
  clear: both;
  content: " ";
  height: 0;
  display: block;
  font-size: 0;
  visibility: visible;
}


/* 整理布局和屏幕大小一样 */

html,
body,
.home {
  /*height: 100%;
    overflow: hidden;*/
  background-color: #f8f8f8 !important;
}

.notify .notify-btns {
  text-align: center !important;
}

.btn-small {
  margin-bottom: 10px !important;
  min-width: 120px !important;
}

.wc-toast-message {
  font-size: 20px !important;
  width: 220px !important;
}

.wc-toast {
  top: 40%;
}

.notify .notify-content {
  text-align: center;
}
